<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!-- saved from url=(0035)http://www.bubblemark.com/dhtml.htm -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
		<title>Balls animation test: Silverlight (WPF/e) vs DHTML vs Flash (Flex) vs WPF vs Apollo vs Java (Swing)</title>
		<link rel="stylesheet" type="text/css" href="./a1_files/style.css" media="all">
		<script type="text/javascript" src="./a1_files/ball.js"></script>
		<script type="text/javascript" src="./a1_files/dhtml.ball.js"></script>
	</head>
	<body onload="setTimeout(&#39;init();&#39;, 100); /*this is ugly but it doesn&#39;t work otherwise*/">
		<h2>DHTML animation test <br><font size="-1">Silverlight (WPF/e) vs DHTML vs Flash (Flex) vs WPF vs Apollo vs Java (Swing)</font></h2>
		<div id="dhtml">
			<h3><a href="http://www.bubblemark.com/index.htm">Home</a> <a href="http://www.bubblemark.com/wpfe.htm">Silverlight (JavaScript)</a> <a href="http://www.bubblemark.com/silverlight_clr.htm">Silverlight (CLR)</a> DHTML <a href="http://www.bubblemark.com/flex.htm">Flex</a> <a href="http://www.bubblemark.com/flex_bmp.htm">Flex (cached)</a> <a href="http://www.bubblemark.com/java.html">Java (Swing)</a></h3>
			<p>Also check out <a href="http://www.metalinkltd.com/benchmark/xbap/BallsXbap.xbap" target="_blank">XBAP (XAML Browser Application)</a> - requires IE on Vista or XP with .NET 3.0 Installed</p>
			<div id="dhtmlHost" class="host" onclick="">
				<div id="dhtml_fps">193 fps</div>
				<img id="dhtml_ball_0" src="./a1_files/ball.png" alt="ball" style="position: absolute; display: block; left: 87.2765px; top: 104.423px; ">
    		<img id="dhtml_ball_1" src="./a1_files/ball.png" alt="ball" style="z-index: 1; position: absolute; display: block; left: 108.899px; top: 4.12467px; "><img id="dhtml_ball_2" src="./a1_files/ball.png" alt="ball" style="z-index: 1; position: absolute; display: block; left: 367.84px; top: 191.823px; "><img id="dhtml_ball_3" src="./a1_files/ball.png" alt="ball" style="z-index: 1; position: absolute; display: block; left: 420.629px; top: 235.368px; "><img id="dhtml_ball_4" src="./a1_files/ball.png" alt="ball" style="z-index: 1; position: absolute; display: block; left: 34.9498px; top: 144.764px; "><img id="dhtml_ball_5" src="./a1_files/ball.png" alt="ball" style="z-index: 1; position: absolute; display: block; left: 425.321px; top: 44.7675px; "><img id="dhtml_ball_6" src="./a1_files/ball.png" alt="ball" style="z-index: 1; position: absolute; display: block; left: 319.429px; top: 93.4046px; "><img id="dhtml_ball_7" src="./a1_files/ball.png" alt="ball" style="z-index: 1; position: absolute; display: block; left: 299.584px; top: 164.299px; "><img id="dhtml_ball_8" src="./a1_files/ball.png" alt="ball" style="z-index: 1; position: absolute; display: block; left: 300.824px; top: 234.627px; "><img id="dhtml_ball_9" src="./a1_files/ball.png" alt="ball" style="z-index: 1; position: absolute; display: block; left: 258.346px; top: 35.8514px; "><img id="dhtml_ball_10" src="./a1_files/ball.png" alt="ball" style="z-index: 1; position: absolute; display: block; left: 120.96px; top: 170.24px; "><img id="dhtml_ball_11" src="./a1_files/ball.png" alt="ball" style="z-index: 1; position: absolute; display: block; left: 23.8045px; top: 14.2531px; "><img id="dhtml_ball_12" src="./a1_files/ball.png" alt="ball" style="z-index: 1; position: absolute; display: block; left: 89.3985px; top: 239.441px; "><img id="dhtml_ball_13" src="./a1_files/ball.png" alt="ball" style="z-index: 1; position: absolute; display: block; left: 32.2615px; top: 73.7747px; "><img id="dhtml_ball_14" src="./a1_files/ball.png" alt="ball" style="z-index: 1; position: absolute; display: block; left: 318.515px; top: 37.3835px; "><img id="dhtml_ball_15" src="./a1_files/ball.png" alt="ball" style="z-index: 1; position: absolute; display: block; left: 201.559px; top: 167.982px; "></div>
			<div id="demoControls">
				<a href="http://www.bubblemark.com/dhtml.htm#" onclick="_dhtmlTest.start(); return false;">start</a> | <a href="http://www.bubblemark.com/dhtml.htm#" onclick="_dhtmlTest.stop(); return false;">stop</a> | 
				# of balls: <select onchange="_dhtmlTest.stop();_dhtmlTest.start(this.value);">
					<option value="1">1</option>
					<option value="8">8</option>
					<option value="16" selected="">16</option>
					<option value="32">32</option>
					<option value="64">64</option>
					<option value="128">128</option>
				</select>
			</div>
			<div style="clear: both;"></div>
		</div>
		<script language="JavaScript">
			/**
			 * DHTML Balls test
			 * 
			 * @param {Object} N
			 */
			function DHTMLTest(N) {
				DHTMLTest.baseConstructor.call(this, N);
			}
			extend(DHTMLTest, BallsTest);
			
			DHTMLTest.prototype.start = function(N) {
				if (!DHTMLTest.base.start.call(this, N)) return;
				this._saveContent = document.getElementById("dhtmlHost").innerHTML;
				
				this._ballsO[0] = new DHTMLBall("dhtml_ball_0");
				
				for (var i=1; i<this._N; i++) {
					this._ballsO[i] = this._ballsO[0].clone("dhtml_ball_" + i);
				}
				
			}
			DHTMLTest.prototype.stop = function(){
				if (!DHTMLTest.base.stop.call(this)) return;
				document.getElementById("dhtmlHost").innerHTML = this._saveContent;
			}
			DHTMLTest.prototype._showFPS = function(fps) {
				document.getElementById("dhtml_fps").innerHTML = fps + " fps";
			}
			
			var _dhtmlTest = new DHTMLTest(16);
			
			function init() {
					_dhtmlTest.start();
			}
		</script>
		<script src="./a1_files/urchin.js" type="text/javascript">
		</script>
		<script type="text/javascript">
		_uacct = "UA-78143-7";
		urchinTracker();
		</script>
	

</body></html>